<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="../../node_modules/bootstrap/dist/css/bootstrap.min.css">
	<link rel="stylesheet" href="../font/iconfont.css">
	<link rel="stylesheet" href="../css/footer.css">
	<link rel="stylesheet" href="../css/header1.css">
	<link rel="stylesheet" href="../css/details.css">
	<link rel="shortcut icon" href="../img/favicon.ico" />
	<title>商品详情</title>
</head>

<body>
	<header class="container-fluid">
		<div class="row">
			<ul class="col-lg-7">
				<li>小米商城</li>
				<li>MIUI</li>
				<li>loT</li>
				<li>云服务</li>
				<li>天星数科</li>
				<li>有品</li>
				<li>小爱开放平台</li>
				<li>企业团购</li>
				<li>资质证照</li>
				<li>协议规则</li>
				<li>下载app</li>
				<li>智能生活</li>
				<li>Select Location</li>
			</ul>
			<ul class="col-lg-3 col-lg-offset-2">
				<li class="off active">
					<p>登录</p>
					<p>注册</p>
				</li>
				<li class="on">
					<span>xxx</span>
					&emsp;
					<p>个人中心</p>
					&emsp;
					<button>注销登录</button>
				</li>
				<li><i class="iconfont">&#xe899;</i> 购物车 ( 0 )</li>
			</ul>
		</div>
	</header>
	<nav class="container">
		<div class="row">
			<div class="col-lg-1">
				<i class="iconfont">&#xe613;</i>
			</div>
			<div class="col-lg-1">
				<span>全部商品分类</span>
			</div>
			<ul class="col-lg-6">
				<li class="item">大家电</li>
				<li class="item">珠宝首饰</li>
				<li class="item">智能设备</li>
				<li class="item">手机相机</li>
				<li class="item">电脑办公</li>
				<li class="item">厨卫电器</li>
				<li class="item">厨房电器</li>
				<li class="item">生活电器</li>
				<li class="item">家装建材</li>
				<div></div>
			</ul>
			<div class="col-lg-3 col-lg-offset-1">
				<input type="text"><button><i class="iconfont">&#xe651;</i></button>
				<ul>
					<li>全部商品</li>
					<li>大家电</li>
					<li>珠宝首饰</li>
					<li>智能设备</li>
					<li>手机相机</li>
					<li>电脑办公</li>
					<li>厨卫电器</li>
					<li>厨房电器</li>
				</ul>
			</div>
		</div>
	</nav>
	<section class="container">
		<div class="row">
			<ul class="col-lg-2">
				<figure>全部商品分类</figure>
				<li class="item"><span>大家电</span><i class="iconfont">&#xe6b1;</i></li>
				<li class="item"><span>珠宝首饰</span><i class="iconfont">&#xe6b1;</i></li>
				<li class="item"><span>智能设备</span><i class="iconfont">&#xe6b1;</i></li>
				<li class="item"><span>手机相机</span><i class="iconfont">&#xe6b1;</i></li>
				<li class="item"><span>电脑办公</span><i class="iconfont">&#xe6b1;</i></li>
				<li class="item"><span>厨卫电器</span><i class="iconfont">&#xe6b1;</i></li>
				<li class="item"><span>厨房电器</span><i class="iconfont">&#xe6b1;</i></li>
				<li class="item"><span>生活电器</span><i class="iconfont">&#xe6b1;</i></li>
				<li class="item"><span>家装建材</span><i class="iconfont">&#xe6b1;</i></li>
				<div></div>
			</ul>
		</div>
	</section>
	<main>
		<!--渲染 -->
	</main>
	<aside>
		<div class="left">
			<div>
				<i class="iconfont">&#xe640;</i>
			</div>
			<div>
				<p>已成功加入购物车！</p>
				<p>小米移动电源3 10000mAh快充版 银色</p>
			</div>
		</div>
		<div class="right">
			<button>返回上一级</button>
			<button>去购物车结算</button>
		</div>
	</aside>


	<footer>
		<div class="content">
			<div class="top">
				<ul>
					<li><i class="iconfont">&#xe715;</i>预约维修服务</li>
					<li><i class="iconfont">&#xe67d;</i>7天无理由退货</li>
					<li><i class="iconfont">&#xe605;</i>15天免费换货</li>
					<li><i class="iconfont">&#xe63e;</i>满69包邮</li>
					<li><i class="iconfont">&#xe685;</i>520余家售后网点</li>
				</ul>
			</div>
			<div class="bottom">
				<div class="left">
					<ul>
						<li>帮助中心</li>
						<li>账户管理</li>
						<li>购物指南</li>
						<li>订单操作</li>
					</ul>
					<ul>
						<li>服务支持</li>
						<li>售后政策</li>
						<li>自助服务</li>
						<li>相关下载</li>
					</ul>
					<ul>
						<li>线下门店</li>
						<li>小米之家</li>
						<li>服务网点</li>
						<li>授权体验店/专区</li>
					</ul>
					<ul>
						<li>关于小米</li>
						<li>了解小米</li>
						<li>加入小米</li>
						<li>投资者关系</li>
						<li>企业社会责任</li>
						<li>廉洁举报</li>
					</ul>
					<ul>
						<li>关注我们</li>
						<li>新浪微博</li>
						<li>官方微信</li>
						<li>联系我们</li>
						<li>公益基金会</li>
					</ul>
					<ul>
						<li>特色服务</li>
						<li>F码通道</li>
						<li>礼物码</li>
						<li>防伪查询</li>
					</ul>
				</div>
				<div class="right">
					<p>
						400-100-5678<br>

					</p>
					<p>
						8:00-18:00 (仅收市话费)
					</p>
					<button>
						<i class="iconfont">&#xe631;</i> 人工客服
					</button>
					<p>
						关注小米
						<i class="iconfont">&#xe603;</i>
						<i class="iconfont wei">&#xe604;</i>
					</p>
				</div>
			</div>
		</div>
	</footer>

	<script src="../js/polyfill.js"></script>
	<script src="../../node_modules/jquery/dist/jquery.js"></script>
	<script src="../js/header1.js"></script>
	<script src="../js/details.js"></script>
</body>

</html>